<template>
    <Layout class="dept">
        <Sider width="300" style="padding: 16px 16px" class="dept-sider">
            <dept-tree></dept-tree>
        </Sider>
        <Content style="padding: 16px 16px">
            <dept-info></dept-info>
        </Content>
    </Layout>
</template>
<script>
    import DeptTree from './Dept/DeptTree';
    import DeptInfo from './Dept/DeptInfo';

    export default {
        name: "dept",
        components: {
            DeptTree,
            DeptInfo
        }
    }
</script>
<style scoped>
.dept {
    background-color: #ffffff;
}
.dept-sider {
    background-color: #ffffff;
    width: 350px;
}
</style>

